iT邦幫忙

2021 iThome 鐵人賽

DAY 19
0
自我挑戰組

一個令我自豪的App完成之路系列 第 25

ScrollView的Contentoffset解析 Day25

  • 分享至 

  • xImage
  •  

實作UIScrollView很常會使用到

實作很常用到:

  • Contentoffset:
  • ContentInset:
  • ContentSize:

這三個屬性

https://i.imgur.com/JPjjobn.png

ContentSize:

ScrollView內容,通常的內容會大於手機螢幕的幾倍,用來作為可以Scroll的範圍

let scrollView = UIScrollView()
scrollView.contentSize = CGSize(width: width*3,height:200)

Contentoffset:

設定起始位置給ScrollView

// ContentOffset賦予現在的所在位置
scrollView.contentOffset = CGPoint(x:0,y:50)

ContentInset:

可以幫著協助被擋住的地方(例如tab bar 等),作出位移

會使用UIEdgeInsetsMake

UIEdgeInsetsMake(top位移,left位移,bottom位移,right位移)
// ScrollView版面整體會向往下移動20
ScrollView.contentInset = UIEdgeInsetsMake(20,0,0,0)

參考網址:

ContentOffset, ContentInset, and ContentSize in UI ScrollView - ITZone

運用 contentOffset / contentInset 手把手實作 instagram 個人簡介頁面的滑動 -swift 4


上一篇
Return到nexttextfield Day24
下一篇
DeBug Day 26
系列文
一個令我自豪的App完成之路32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言